<template>
	<h3>子组件ChildA</h3>
	<!-- 接收数据，显示数据 -->
<!-- 	count的的值：{{count}}<br>
	stuname的的值：{{stuname}}<br>
	age的的值：{{age}}<br> -->
	
	<h3>歌手表格</h3>
	<table border="1">
		<thead>
			<tr>
				<td>{{title1}}</td>
				<td>{{title2}}</td>
				<td>{{title3}}</td>
				<td>{{title4}}</td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>{{singname1}}</td>
				<td>{{time}}</td>
				<td>{{isF}}</td>
				<td>{{n1}}</td>
			</tr>
			<tr>
				<td>{{singif2[0]}}</td>
				<td>{{singif2[1]}}</td>
				<td>{{singif2[2]}}</td>
				<td>{{singif2[3]}}</td>
			</tr>
			<tr>
				<td>{{singif3.t}}</td>
				<td>{{singif3.l}}</td>
				<td>{{singif3.isL}}</td>
				<td>{{singif3.b}}</td>
			</tr>
		</tbody>
	</table>
	
</template >

<script setup>
	import {ref,reactive} from 'vue'
	const props=defineProps(['title1','title2','title3','title4','n1',
	'isF','singname1','time','singif2','singif3'])
	//声明props,接收数据，对象
	// const props=defineProps({
	// 	count:String,
	// 	stuname:String,
	// 	age:Number
	// })
	//数组

</script>

<style scoped>
</style>